<template>
  <div class="details_pl">
    <van-tab title="评价" class="tag3">
      <div>
        <h4 class="tag3_tit">评价详情（xx人已评价）</h4>
        <ul class="tag3_pj_list">
          <li>
            <div class="tag3_tou">
              <img src="../../assets/image/lc.jpg" alt="" />
            </div>
            <div class="tag3_name">
              <p>name</p>
              <p>date</p>
              <p>contentcontentcontentcontentcontentcontentcontent</p>
            </div>
            <div class="tag3_star flr">
              <van-rate
                color="#33b17b"
                size="12px"
                v-model="plstar[0]"
                allow-half
                void-icon="star"
                void-color="#eee"
              />
            </div>
          </li>
        </ul>
      </div>
    </van-tab>
  </div>
</template>

<script>
export default {
    data(){
        return{
        plstar: [3.5],
        }
    }
};
</script>

<style lang="scss">
.details_pl {
    .tag3 {
    padding-left: 12px;
    .tag3_tit {
      font-size: 14px;
      color: #233;
    }
    .tag3_pj_list {
      li {
        display: flex;
        justify-content: space-between;
        .tag3_tou {
          flex-shrink: 0;
          width: 16vw;
          img {
            height: 16vw;
            border-radius: 50%;
          }
        }
        .tag3_name {
          flex: 1;
          padding-top: 6px;
          margin-left: 7px;
          border-bottom: 1px solid #eee;
          p {
            width: 100%;
            white-space: pre-wrap;
            word-break: break-all;
          }
          p:nth-of-type(1) {
            color: #233;
          }
          p:nth-of-type(2) {
            color: #bbb;
          }
          p:nth-of-type(3) {
            color: #555;
          }
        }
        .tag3_star {
          margin-right: 8px;
          border-bottom: 1px solid #eee;
          flex-shrink: 0;
        }
      }
    }
  }
  .van-goods-action-icon{
    flex-direction: row;
    align-items: center;
  }
}
</style>
